function drawCircle(canvasId, data_arr, color_arr){  
	var c = document.getElementById(canvasId);  
	var ctx = c.getContext("2d");
	var radius = c.height/2-20; //半径,圆距离边框20px
	var ox = radius + 20, oy = radius + 20; //圆心  
	var startAngle = 0; //起始弧度  
	var endAngle = 0;   //结束弧度  
	for (var i = 0; i < data_arr.length; i++) {  
	    //绘制饼图  
	    endAngle = endAngle + data_arr[i] * Math.PI * 2; //结束弧度  
	    ctx.fillStyle = color_arr[i];  
	    ctx.beginPath();
	    ctx.moveTo(ox, oy); //移动到到圆心  
	    ctx.arc(ox, oy, radius, startAngle, endAngle, false);  
	    ctx.closePath();  
	    ctx.fill();//填充颜色，只要边框 ctx.stroke();
	    startAngle = endAngle; //设置起始弧度  
	}  
}



function yuan_xin_tong_ji_init() {
	var data_arr = [0.05, 0.25, 0.6, 0.1];//比例，总数为1
	var color_arr = ["#00FF21", "#FFAA00", "#00AABB", "#FF4400"];//颜色
 	//绘制饼图  
    drawCircle("canvas_circle", data_arr, color_arr);  
}

$(function(){
	yuan_xin_tong_ji_init() ;
})

